.bgeb
	background #ebebeb
	padding-top 10px
div[class*=-tab].header-tab
	display inline-block
	line-height 30px
	height 30px
	color #fff
div[class*=-tab].weekly-tab
	background #fff
	height 30px
	line-height 30px

.header-btn
	display inline-block
	padding 5px 15px
	line-height 20px
	&.active
		background #15a8f5
.task-wrapper,.tasklist
	.task-label
		background: #ededed
		padding 0 1em
	.task-list li
		min-height 50px
		padding 10px 0
		border-bottom 1px solid #ebebeb !important
		&.pink,&.yellow,&.gray
			border-left 3px solid #ff4a59
		&.yellow
			border-color #ffc029
		&.gray
			border-color #bdbdbd
		.user-pic
			display inline-block
 
.tasklist
	 -webkit-overflow-scrolling: touch
	 position absolute
	 top 50px
	 left 0
	 bottom 0
	 overflow-y scroll
	 width 100%
	 padding-bottom 20px
.tasklist>* {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px)
}
.showpage
	position absolute
	border 1px solid #ebebeb
	line-height 50px
	left 0
	right 0
	bottom 0
	.firstpage
		background url("../images/icon_gofirst.png") 0 center no-repeat
		left 30px
	.prevpage
		background url("../images/backbtn.png") 0 center no-repeat
		left 60px
	.nextpage
		background url("../images/icon_next.png") 0 center no-repeat
		right 60px
	.firstpage,.prevpage,.nextpage
		width 30px
		height 50px
		position absolute
		top 0
		background-size 15px
		
.task-item
	margin-top 10px
	line-height 30px
	input,textarea,.text
		width 100% !important
		height 30px
		line-height 30px
		border 1px solid #ebebeb
		text-indent 10px
	textarea
		height 70px
	p
		color #999
.report-menu,.report-sub-menu
	line-height 50px
.report-menu
	border-bottom 1px solid #ebebeb
	div
		border-left 1px solid #ebebeb
.report-sub-menu
	background #ebebeb
	.report-daily,.report-weekly
		display inline-block
		padding 0 10px
input.radio,input.uncheck
	-webkit-appearance none
	background url("../images/icon_unchecked.png") 0 0 no-repeat
	background-size 100%
	size(30px,30px)
	vertical-align middle
	margin-right 5px
	&:checked
		background-image url("../images/icon_checked.png")
input.radio.persons
	size(30px,30px)
	margin-top 10px
	border-radius 50%
input.radio.persons:checked
		background-image none
		background-color #21BD3E
.report-item
	.report-item-header
		padding 10px 0
		height 80px
		.user-pic
			display inline-block
	.report-item-content
		height 3em
		overflow hidden
	.report-item-footer
		border 1px solid #ccc
		line-height 40px
		.report-comment
			border-right 1px solid #ccc
		img
			vertical-align middle
			margin-right 10px
			width 20px
.icon_edit,.icon_check
	text-indent 1.5em
	background url("../images/icon_edit1.png") 5px center no-repeat
	background-size 20px 20px 
.icon_check
	background-image url("../images/icon_check.png")
.content-list p
	border-bottom 1px solid #ccc
.comment-item
	.comment-label
		background #e6e6e6
		padding 0 20px
		img
			width 22px
			vertical-align middle
			margin-right 10px

	.comment-content
		padding 10px 20px
		background #fff
.commentdirective
	padding 10px 20px
	background #f9f9f9
	border-top 1px solid #ccc
	.comment-header
		.submit
			padding 0 15px
	textarea
		width 100%
		height 70px
		border 1px solid #ccc
		border-radius 5px
.report-textarea
		width 100%
		height 70px
		border 1px solid #ccc
		border-radius 5px
.weekly-tab
	background #fff
.weekly-content
	padding 1em
	.commentdirective
		padding 10px 0
.weekly-wrapper
	background #fff
	border-radius 5px;
	.weekly-content
		padding 0 1em
		.commentdirective
			padding 10px 0
	.weekly-label
		padding 0 1em
		border-left 2px solid $c-blue
		border-bottom 1px solid #ebebeb
		color #8c8c8c
		.toggle
			background transparent url("../images/icon_toggle.png") 0 0 no-repeat
			background-size 21px
			padding-left 22px
.checked-list
	li
		background #fff
		padding 0 20px
		border-bottom 1px solid #ebebeb
		img
			vertical-align middle
			width 20px
			margin-right 5px
		.haschecked
			color $c-red
		.hasseen
			color $c-succ
.weeklydetail
	.comment-item
		background #fff
		border-bottom 1px solid #ccc
		.comment-label
			background #fff
			border-bottom 1px solid #ebebeb
.date-item
	color #666
	padding 10px 20px
	border-bottom 1px solid #ebebeb
	.date-item-icon
		.date-wrapper
			border-radius 50%
			border 1px solid #ebebeb
			size(70px,70px)
			padding 15px 0
			.days
				display inline-block
				text-indent 20px
.people-list
	.list-item
		padding 10px 20px
		&.selected
			input
				background-image url("../images/icon_checked.png")
	.radio
		size(70px,50px)
		background-size 30px
		background-position right center
		&:disabled
			color #f00
.bg-avtar.item-avtar
	size(80px,80px)
	line-height 80px
.item-avtar
	overflow hidden
	border-radius 50%
	background #728DCA
	border 1px solid #ebebeb
	display inline-block
	color #fff
	size(50px,50px)
	img
		width 100%
		height 100%
.people-search
	border-radius 5px
	border 1px solid #ccc
	background url("../images/icon_search.png") 10px center no-repeat
	background-size 30px
	input
		color #000
		margin-left 50px
		line-height 30px
		border-left 1px solid #ccc
		text-indent 10px
.weekly-item-icon
	background transparent url("../images/icon_date.png") 0 0 no-repeat
.joinpeople-list
	.icon_addpic
		size(60px,60px)
	.joinpeople-item
		display inline-block
		padding 0 5px
		max-width 25%
		position relative
		vertical-align top
.person-index
	position absolute
	right: 16px
	top: 0
.rel
	position relative
.concat-list
	div
		border-left 1px solid #ddd
		&:first-child
			border-left none
